<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="author" content="lcx">
    <link rel="stylesheet" href="css/style.css">
    <script src="css/jquery-3.1.1.1.js"></script>
    <script src="css/main.js"></script>
    <title>小米商城首页</title>
</head>

<body>
    <!--第一部分-->
    <header>
        <div class="header-content">
            <div class="header-left">
                <ul>
                    <li><a href="#">小米商城</a></li>
                    <li><a href="#">MIUI</a></li>
                    <li><a href="#">米聊</a></li>
                    <li><a href="#">游戏</a></li>
                    <li><a href="#">多看阅读</a></li>
                    <li><a href="#">云服务</a></li>
                    <li><a href="#">金融</a></li>
                    <li><a href="#">小米商城移动版</a></li>
                    <li><a href="#">问题反馈</a></li>
                    <li><a href="#">Select Region</a></li>
                </ul>
                <div class="clear"></div>
            </div>
            <div class="header-right">
                <ul>
                    <li><a href="#">登录</a></li>
                    <li><a href="#">注册</a></li>
                    <li><a href="#">消息通知</a></li>
                    <span id="buy-list"><a href="#">购物车(0)</a></span>
                </ul>
            </div>
        </div>
    </header>
    <!--第二部分-->
    <nav>
        <img src="images/favicon.ico" alt="">
        <div class="nav-logo">

            <a href=""><img src="images/P1-1.gif" alt=""></a>
        </div>

        <div class="nav-list">
            <ul>
                <li class="menu"> <a href="#">小米手机</a></li>
                <li class="menu"> <a href="#">红米</a></li>
                <li class="menu"><a href="#">平板·笔记本</a> </li>
                <li class="menu"><a href="#">电视</a> </li>
                <li class="menu"><a href="#">盒子·影音</a></li>
                <li class="menu"><a href="#">路由器</a></li>
                <li class="menu"> <a href="#">智能硬件</a> </li>
                <a href="#">服务</a>
                <a href="#">社区</a>
            </ul>
        </div>
        <div class="nav-search">
            <input type="text">
            <button><img src="" alt=""></button>
        </div>
    </nav>
    <div id="nav-inner-list" class="menu">
        <div class="nav-inner-div1">
            <ul>
                <li>
                    <span id="xinpin1">新品</span>
                    <a href="#"><img src="images/sj1.png" alt=""></a>
                    <p>小米手机5c</p>
                    <span>1499元</span>
                </li>
                <li>
                    <a href="#"><img src="images/sj2.png" alt=""></a>
                    <p>小米note 2</p>
                    <span>2799元起</span>
                </li>
                <li>
                    <a href="#"><img src="images/sj3.png" alt=""></a>
                    <p>小米MIX</p>
                    <span>3499元起</span>
                </li>
                <li>
                    <a href="#"><img src="images/sj4.png" alt=""></a>
                    <p>小米5s</p>
                    <span>1999元起</span>
                </li>
                <li>
                    <a href="#"><img src="images/sj5.png" alt=""></a>
                    <p>小米5s Plus</p>
                    <span>2299元起</span>
                </li>
                <li>
                    <a href="#"><img src="images/sj6.png" alt=""></a>
                    <p>小米手机5</p>
                    <span>1799元</span>
                </li>
            </ul>
        </div>
        <div class="nav-inner-div2">
            <ul>
                <li>
                    <span id="xinpin1">新品</span>
                    <a href="#"><img src="images/nav-inner-list-11.jpg" alt=""></a>
                    <p>小米手机5c</p>
                    <span>1499元</span>
                </li>
                <li>
                    <a href="#"><img src="images/nav-inner-list-22.jpg" alt=""></a>
                    <p>小米note 2</p>
                    <span>2799元起</span>
                </li>
                <li>
                    <span id="xinpin1">新品</span>
                    <a href="#"><img src="images/nav-inner-list-33.jpg" alt=""></a>
                    <p>小米MIX</p>
                    <span>3499元起</span>
                </li>
                <li>
                    <a href="#"><img src="images/nav-inner-list-44.jpg" alt=""></a>
                    <p>小米5s</p>
                    <span>1999元起</span>
                </li>
                <li>
                    <a href="#"><img src="images/nav-inner-list-55.jpg" alt=""></a>
                    <p>小米5s Plus</p>
                    <span>2299元起</span>
                </li>
            </ul>
        </div>
        <div class="nav-inner-div3">
            <ul>
                <li>
                    <a href="#"><img src="images/nav-inner-list-a1.jpg" alt=""></a>
                    <p>小米手机5c</p>
                    <span>1499元</span>
                </li>
                <li>
                    <a href="#"><img src="images/nav-inner-list-a2.jpg" alt=""></a>
                    <p>小米note 2</p>
                    <span>2799元起</span>
                </li>
                <li>
                    <a href="#"><img src="images/nav-inner-list-a3.jpg" alt=""></a>
                    <p>小米MIX</p>
                    <span>3499元起</span>
                </li>
                <li>
                    <span id="xinpin1">新品</span>
                    <a href="#"><img src="images/nav-inner-list-a4.jpg" alt=""></a>
                    <p>小米5s</p>
                    <span>1999元起</span>
                </li>

            </ul>
        </div>
        <div class="nav-inner-div4">
            <ul>
                <li>
                    <a href="#"><img src="images/a1.png" alt=""></a>
                    <p>小米手机5c</p>
                    <span>1499元</span>
                </li>
                <li>
                    <a href="#"><img src="images/a2.png" alt=""></a>
                    <p>小米note 2</p>
                    <span>2799元起</span>
                </li>
                <li>
                    <a href="#"><img src="images/a3.png" alt=""></a>
                    <p>小米MIX</p>
                    <span>3499元起</span>
                </li>
                <li>
                    <a href="#"><img src="images/a4.png" alt=""></a>
                    <p>小米5s</p>
                    <span>1999元起</span>
                </li>
                <li>
                    <a href="#"><img src="images/a5.png" alt=""></a>
                    <p>小米5s Plus</p>
                    <span>2299元起</span>
                </li>
                <li>
                    <a href="#"><img src="images/a6.png" alt=""></a>
                    <p>小米手机5</p>
                    <span>1799元</span>
                </li>
            </ul>
        </div>
        <div class="nav-inner-div5">
            <ul>
                <li>
                    <a href="#"><img src="images/a11.png" alt=""></a>
                    <p>小米手机5c</p>
                    <span>1499元</span>
                </li>
                <li>
                    <a href="#"><img src="images/a22.png" alt=""></a>
                    <p>小米note 2</p>
                    <span>2799元起</span>
                </li>
                <li>
                    <a href="#"><img src="images/a33.jpg" alt=""></a>
                    <p>小米MIX</p>
                    <span>3499元起</span>
                </li>
                <li>
                    <a href="#"><img src="images/a44.png" alt=""></a>
                    <p>小米5s</p>
                    <span>1999元起</span>
                </li>
                <li>
                    <a href="#"><img src="images/a55.png" alt=""></a>
                    <p>小米5s Plus</p>
                    <span>2299元起</span>
                </li>
                <li>
                    <a href="#"><img src="images/a66.jpg" alt=""></a>
                    <p>小米手机5</p>
                    <span>1799元</span>
                </li>
            </ul>
        </div>
        <div class="nav-inner-div6">
            <ul>
                <li>
                    <span id="xinpin1">新品</span>
                    <a href="#"><img src="images/b1.png" alt=""></a>
                    <p>小米手机5c</p>
                    <span>1499元</span>
                </li>
                <li>
                    <span id="xinpin1">新品</span>
                    <a href="#"><img src="images/b2.png" alt=""></a>
                    <p>小米note 2</p>
                    <span>2799元起</span>
                </li>
                <li>
                    <a href="#"><img src="images/b3.png" alt=""></a>
                    <p>小米MIX</p>
                    <span>3499元起</span>
                </li>
                <li>
                    <a href="#"><img src="images/b4.png" alt=""></a>
                    <p>小米5s</p>
                    <span>1999元起</span>
                </li>
                <li>
                    <a href="#"><img src="images/b5.jpg" alt=""></a>
                    <p>小米5s Plus</p>
                    <span>2299元起</span>
                </li>
            </ul>
        </div>
        <div class="nav-inner-div7">
            <ul>
                <li>
                    <span id="xinpin1">新品</span>
                    <a href="#"><img src="images/b11.jpg" alt=""></a>
                    <p>小米手机5c</p>
                    <span>1499元</span>
                </li>
                <li>
                    <span id="xinpin1">新品</span>
                    <a href="#"><img src="images/b22.jpg" alt=""></a>
                    <p>小米note 2</p>
                    <span>2799元起</span>
                </li>
                <li>
                    <span id="xinpin1">新品</span>
                    <a href="#"><img src="images/b33.png" alt=""></a>
                    <p>小米MIX</p>
                    <span>3499元起</span>
                </li>
                <li>
                    <span id="xinpin1">新品</span>
                    <a href="#"><img src="images/b44.jpg" alt=""></a>
                    <p>小米5s</p>
                    <span>1999元起</span>
                </li>
                <li>
                    <a href="#"><img src="images/b55.jpg" alt=""></a>
                    <p>小米5s Plus</p>
                    <span>2299元起</span>
                </li>
            </ul>
        </div>
    </div>
    <!--第三部分-->
    <div id="content">
        <ul class="prev-list list">
            <li><a href="#">手机电话卡</a><span>&gt</span></li>
            <li><a href="#">笔记本 平板</a><span>&gt</span></li>
            <li><a href="#">电视 盒子</a><span>&gt</span></li>
            <li><a href="#">路由器 智能硬件</a><span>&gt</span></li>
            <li><a href="#">移动电源 电池 插线板</a><span>&gt</span></li>
            <li><a href="#">耳机 音箱</a><span>&gt</span></li>
            <li><a href="#">保护套 贴膜</a><span>&gt</span></li>
            <li><a href="#">线材 支架 存储卡</a><span>&gt</span></li>
            <li><a href="#">箱包 服饰</a><span>&gt</span></li>
            <li><a href="#">米兔 生活周边</a><span>&gt</span></li>
        </ul>
        <div class="prev-list-content list">
            <ul>
                <div>
                    <li><img src="images/5c-80.png" alt=""><a href="#">小米手机5s</a><span>选购</span></li>
                    <li><img src="images/5c-81.jpg" alt=""><a href="#">小米Note 2</a><span>选购</span></li>
                    <li><img src="images/5c-83.jpg" alt=""><a href="#">小米MIX</a><span>选购</span></li>
                    <li><img src="images/5c-84.jpg" alt=""><a href="#">小米5s</a><span>选购</span></li>
                    <li><img src="images/5c-85.jpg" alt=""><a href="#">小米5s Plus</a><span>选购</span></li>
                    <li><img src="images/5c-86.jpg" alt=""><a href="#">小米手机5</a><span>选购</span></li>
                </div>
                <div>
                    <li><img src="images/5c-91.png" alt=""><a href="#">红米Note 4X</a><span>选购</span></li>
                    <li><img src="images/5c-92.jpg" alt=""><a href="#">红米Note 4</a><span>选购</span></li>
                    <li><img src="images/5c-93.png" alt=""><a href="#">红米4X</a><span>选购</span></li>
                    <li><img src="images/5c-94.jpg" alt=""><a href="#">红米4</a><span>选购</span></li>
                    <li><img src="images/5c-95.jpg" alt=""><a href="#">红米4A</a><span>选购</span></li>
                    <li><img src="images/5c-96.jpg" alt=""><a href="#">对比手机</a><span>选购</span></li>
                </div>
                <div>
                    <li><img src="images/5c-97.jpg" alt=""><a href="#">小米移动 电话卡</a></li>
                </div>
            </ul>
            <ul>
                <div>
                    <li><img src="images/b1.jpg" alt=""><a href="#">小米笔记本Air</a><span>选购</span></li>
                    <li><img src="images/ab2.png" alt=""><a href="#">小米平板2</a><span>选购</span></li>
                    <li><img src="images/ab3.jpg" alt=""><a href="#">USB-C转接器</a></li>
                    <li><img src="images/ab4.jpg" alt=""><a href="#">小米笔记本内胆包</a></li>
                    <li><img src="images/ab5.jpg" alt=""><a href="#">小米便携鼠标</a></li>
                </div>
            </ul>
            <ul>
                <div>
                    <li><img src="images/ds1.jpg" alt=""><a href="#">小米电视3s 48英寸</a></li>
                    <li><img src="images/ds2.png" alt=""><a href="#">小米电视3s 55英寸</a></li>
                    <li><img src="images/ds3.png" alt=""><a href="#">小米电视3s 60英寸</a></li>
                    <li><img src="images/ds4.png" alt=""><a href="#">小米电视3s 65英寸</a></li>
                    <li><img src="images/ds5.jpg" alt=""><a href="#">小米电视3s 65英寸曲面</a></li>
                    <li><img src="images/ds6.jpg" alt=""><a href="#">小米电视3s 60英寸</a></li>
                </div>
                <div>
                    <li><img src="images/ds11.png" alt=""><a href="#">小米电视3s 70英寸</a></li>
                    <li><img src="images/ds22.jpg" alt=""><a href="#">小米盒子3s</a></li>
                    <li><img src="images/ds13.jpg" alt=""><a href="#">小米盒子3c</a></li>
                    <li><img src="images/ds14.jpg" alt=""><a href="#">小米盒子3s 增强版</a></li>
                    <li><img src="images/ds15.jpg" alt=""><a href="#">小米盒子 mini</a></li>
                    <li><img src="images/ds16.jpg" alt=""><a href="#">小米低音炮</a></li>
                </div>
                <div>
                    <li><img src="images/ds17.jpg" alt=""><a href="#">蓝牙手柄</a></li>
                    <li><img src="images/ds18.jpg" alt=""><a href="#">家庭音响</a></li>
                    <li><img src="images/ds19.jpg" alt=""><a href="#">电视盒子配件</a></li>
                </div>
            </ul>
            <ul>
                <div>
                    <li><img src="images/jiqiren.jpg" alt=""><a href="#">米家扫地机器人及配件</a></li>
                    <li><img src="images/xmyj.jpg" alt=""><a href="#">小米VR眼镜</a></li>
                    <li><img src="images/lyq.jpg" alt=""><a href="#">小米路由器</a></li>
                    <li><img src="images/jhphc.jpg" alt=""><a href="#">九号平衡车</a></li>
                    <li><img src="images/dzlzd.jpg" alt=""><a href="#">电助力折叠自行车</a></li>
                    <li><img src="images/mjhwsh.jpg" alt=""><a href="#">米家恒温电水壶</a></li>
                </div>
                <div>
                    <li><img src="images/mjczkqjhq.jpg" alt=""><a href="#">米家车载净化器</a></li>
                    <li><img src="images/sb.jpg" alt=""><a href="#">手表</a></li>
                    <li><img src="images/mjzndfb.jpg" alt=""><a href="#">米家智能电饭煲</a></li>
                    <li><img src="images/mjznsxj.jpg" alt=""><a href="#">智能摄像机</a></li>
                    <li><img src="images/jhqjrx.jpg" alt=""><a href="#">净化器及滤芯</a></li>
                    <li><img src="images/jhqjlx.jpg" alt=""><a href="#">净水器及滤芯</a></li>
                </div>
                <div>
                    <li><img src="images/xyj.jpg" alt=""><a href="#">血压计</a></li>
                    <li><img src="images/mjjmjqr.jpg" alt=""><a href="#">米兔积木机器人</a></li>
                    <li><img src="images/znd.jpg" alt=""><a href="#">智能灯</a></li>
                    <li><img src="images/mtzngsj.jpg" alt=""><a href="#">米兔智能故事机</a></li>
                    <li><img src="images/znjtzh.jpg" alt=""><a href="#">智能家庭组合</a></li>
                    <li><img src="images/shjpj.jpg" alt=""><a href="#">手环及配件</a></li>
                </div>
                <div>
                    <li><img src="images/tzc.jpg" alt=""><a href="#">体重秤</a></li>
                    <li><img src="images/ddhbc.jpg" alt=""><a href="#">电动滑板车</a></li>
                    <li><img src="images/xmwrj.jpg" alt=""><a href="#">小米无人机</a></li>
                    <li><img src="images/mjxcjly.jpg" alt=""><a href="#">米家行车记录仪</a></li>
                    <li><img src="images/xmmjdjj.jpg" alt=""><a href="#">小米米家对讲机</a></li>
                    <li><img src="images/qbznyj.jpg" alt=""><a href="#">全部智能硬件</a></li>
                </div>
            </ul>
            <ul>
                <div>
                    <li><img src="images/xmyddy.jpg" alt=""><a href="#">小米移动电源</a></li>
                    <li><img src="images/cxb.jpg" alt=""><a href="#">插线板</a></li>
                    <li><img src="images/ppyddy.jpg" alt=""><a href="#">品牌移动电源</a></li>
                    <li><img src="images/yddyfj.jpg" alt=""><a href="#">移动电源附件</a></li>
                    <li><img src="images/cdq.jpg" alt=""><a href="#">充电器</a></li>
                    <li><img src="images/chwhdc.jpg" alt=""><a href="#">彩虹5号电池</a></li>
                </div>
                <div>
                    <li><img src="images/chqhdc.jpg" alt=""><a href="#">彩虹7号电池</a></li>
                </div>
            </ul>
            <ul>
                <div>
                    <li><img src="images/xmtdsej.jpg" alt=""><a href="#">小米头戴式耳机</a></li>
                    <li><img src="images/tdsejqsb.jpg" alt=""><a href="#">头戴式耳机轻松版</a></li>
                    <li><img src="images/xmtqejp.jpg" alt=""><a href="#">小米圈铁耳机 Pro</a></li>
                    <li><img src="images/xmtqej.jpg" alt=""><a href="#">小米圈铁耳机</a></li>
                    <li><img src="images/xmjnej.jpg" alt=""><a href="#">小米胶囊耳机</a></li>
                    <li><img src="images/xmhsej.jpg" alt=""><a href="#">小米活塞耳机清新版</a></li>
                </div>
                <div>
                    <li><img src="images/xmlyej.jpg" alt=""><a href="#">小米蓝牙耳机</a></li>
                    <li><img src="images/xmydlyej.jpg" alt=""><a href="#">小米运动蓝牙耳机</a></li>
                    <li><img src="images/ppej.jpg" alt=""><a href="#">品牌耳机</a></li>
                    <li><img src="images/xmwlyx.jpg" alt=""><a href="#">小米网络音响</a></li>
                    <li><img src="images/xmlyyx.png" alt=""><a href="#">小米蓝牙音箱</a></li>
                    <li><img src="images/xmsslyyx.jpg" alt=""><a href="#">小米随身蓝牙音箱</a></li>
                </div>
                <div>
                    <li><img src="images/xgpyx.jpg" alt=""><a href="#">小钢炮音箱 2</a></li>
                    <li><img src="images/xmfhzyx.jpg" alt=""><a href="#">小米方盒子音箱</a></li>
                    <li><img src="images/xmyynz.jpg" alt=""><a href="#">小米音乐闹钟</a></li>
                    <li><img src="images/xmmtyx.jpg" alt=""><a href="#">小米米兔音箱</a></li>
                    <li><img src="images/yylycc.jpg" alt=""><a href="#">音乐蓝牙车充</a></li>
                </div>
            </ul>
            <ul>
                <div>
                    <li><img src="images/tiemo.jpg" alt=""><a href="#">贴膜</a></li>
                    <li><img src="images/baohu.jpg" alt=""><a href="#">保护套/保护壳</a></li>
                </div>
            </ul>
            <ul>
                <div>
                    <li><img src="images/xiancai.jpg" alt=""><a href="#">线材</a></li>
                    <li><img src="images/zipaigan.jpg" alt=""><a href="#">自拍杆</a></li>
                    <li><img src="images/zhijia.jpg" alt=""><a href="#">手机支架</a></li>
                    <li><img src="images/cunchu.jpg" alt=""><a href="#">存储卡</a></li>
                </div>
            </ul>
            <ul>
                <div>
                    <li><img src="images/xiangbao-80.jpg" alt=""><a href="#">箱包</a></li>
                    <li><img src="images/lvxingxiang.jpg" alt=""><a href="#">90分旅行箱</a></li>
                    <li><img src="images/huise2-80.jpg" alt=""><a href="#">服饰</a></li>
                </div>
            </ul>
            <ul>
                <div>
                    <li><img src="images/mitu-80.jpg" alt=""><a href="#">米兔玩偶</a></li>
                    <li><img src="images/shubiaodian-80.jpg" alt=""><a href="#">鼠标垫</a></li>
                    <li><img src="images/zhoubian1.jpg" alt=""><a href="#">生活周边</a></li>
                    <li><img src="images/zazhi1021-80.jpg" alt=""><a href="#">《小米》会刊</a></li>
                    <li><img src="images/rujiao80.jpg" alt=""><a href="#">8H乳胶枕</a></li>
                </div>
            </ul>
        </div>
        <!--轮播图-->
        <ul class="pic">
            <li style="display: block">
                <a href="#"><img src="images/banner1.jpg" alt=""></a>
            </li>
            <li>
                <a href="#"><img src="images/banner2.jpg" alt=""></a>
            </li>
            <li>
                <a href="#"><img src="images/banner3.jpg" alt=""></a>
            </li>
            <li>
                <a href="#"><img src="images/banner4.jpg" alt=""></a>
            </li>
            <li>
                <a href="#"><img src="images/banner5.jpg" alt=""></a>
            </li>

        </ul>
        <!--指示灯-->
        <ul class="indicator">
            <li class="active"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
        <!--左右按钮-->
        <div class="page">
            <span class="prev">&lt;</span>
            <span class="next">&gt;</span>
        </div>
    </div>
    <!--第四部分 小米单品-->
    <div class="nav-next">
        <ul class="nav-next-ul">
            <span id="juedui1"></span>
            <span id="juedui2"></span>
            <li>
                <div>
                    <a href="#"></a>
                    <p>选购手机</p>
                </div>
            </li>
            <li>
                <div>
                    <a href="#"></a>
                    <p>选购手机</p>
                </div>
            </li>
            <li>
                <div>
                    <a href="#"></a>
                    <p>选购手机</p>
                </div>
            </li>
            <li>
                <div>
                    <a href="#"></a>
                    <p>小米移动</p>
                </div>
            </li>
            <li>
                <div>
                    <a href="#"></a>
                    <p>以旧换新</p>
                </div>
            </li>
            <li>
                <div>
                    <a href="#"></a>
                    <p>话费充值</p>
                </div>
            </li>
        </ul>
        <div class="nav-next-next">
            <img src="images/41.jpg" alt="">
            <img src="images/42.jpg" alt="">
            <img src="images/43.jpg" alt="">
        </div>
        <div class="clear"></div>

    </div>
    <!--第五部分-->
    <div class="mxdp">
        <p>小米明星单品</p>
        <span id="mxdp-span"><a href="javascript:;" id="pre-a" class="current-on">&lt;</a><a href="javascript:;" id="next-a">&gt;</a></span>
    </div>
    <div class="mxdp-lalala">
        <div class="mxdp-gd">
            <div class="mxdp-gd-content">
                <ul id="yhd">
                    <li>
                        <a href="#"><img src="images/xmdp5.png" alt=""></a>
                        <p>米家 LED 智能台灯</p>
                        <h5>无可视频闪，亮度色温无级调节</h5>
                        <span>169元</span>
                    </li>
                    <li>
                        <a href="#"><img src="images/mxdp7.png" alt=""></a>
                        <p>米家iHealth血压计</p>
                        <h5>爸妈上手就会的智能血压计</h5>
                        <span>399元</span>
                    </li>
                    <li>
                        <a href="#"><img src="images/mxdp8.png" alt=""></a>
                        <p>小米路由器3</p>
                        <h5>更快更强，不止四天线</h5>
                        <span>149元</span>
                    </li>
                    <li>
                        <a href="#"><img src="images/mxdp9.png" alt=""></a>
                        <p>小米活塞耳机，清新版</p>
                        <h5>铝合金音腔，第三代平衡阻尼系统</h5>
                        <span>29元</span>
                    </li>
                    <li>
                        <a href="#"><img src="images/mxdp10.png" alt=""></a>
                        <p>小米体重秤</p>
                        <h5>100克，喝杯水都可感知的精准</h5>
                        <span>99元</span>
                    </li>
                </ul>
                <ul id="zhd">
                    <li>
                        <a href="#"><img src="images/mxdp1.png" alt=""></a>
                        <p>小米5s Plus</p>
                        <h5>5.7英寸大屏双摄像手机，拍照黑科技</h5>
                        <span>2299元起</span>
                    </li>
                    <li>
                        <a href="#"><img src="images/mxdp2.png" alt=""></a>
                        <p>小米电视3s 55英寸</p>
                        <h5>人工智能电视，4k大屏新旗舰</h5>
                        <span>3999元</span>
                    </li>
                    <li>
                        <a href="#"><img src="images/mxdp3.png" alt=""></a>
                        <p>小米移动电源2</p>
                        <h5>双向快充，高密度锂聚合电芯</h5>
                        <span>79元</span>
                    </li>
                    <li>
                        <a href="#"><img src="images/mxdp4.png" alt=""></a>
                        <p>小米手环 2</p>
                        <h5>OLED 显示屏幕，升级设计算法</h5>
                        <span>149元</span>
                    </li>
                    <li>
                        <a href="#"><img src="images/mxdp5.jpg" alt=""></a>
                        <p>小米净水器 厨下式</p>
                        <h5>直出纯净水，隐藏式安装</h5>
                        <span>1999元</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--第六部分 智能硬件-->
    <div class="znyj">
        <!--智能硬件-->
        <div class="znyj-content">
            <p class="public-p">智能硬件</p>
            <span class="public-span"><a href="javascript:;">查看全部</a><a href="javascript:;">&gt;</a></span>
            <div class="clear"></div>
        </div>
        <div class="znyj-offsety">
            <ul class="public-p-h5-span">
                <li>
                    <img src="images/znyj-big.jpg" alt="">
                </li>
                <li>
                    <span id="xinpin">新品</span>
                    <img src="images/znyj1.jpg" alt="">
                    <p>米家行车记录仪</p>
                    <h5>晚上能拍清车牌的记录仪</h5>
                    <span>349元</span>
                </li>
                <li>
                    <span id="xinpin">新品</span>
                    <img src="images/znyj2.jpg" alt="">
                    <p>小米空气净化器2</p>
                    <h5>高效除霾，10分钟换新空间空气</h5>
                    <span>699元</span>
                </li>
                <li>
                    <span id="xinpin">新品</span>
                    <img src="images/znyj3.jpg" alt="">
                    <p>米家智能故事机</p>
                    <h5>微信远程互动，智能语言交互</h5>
                    <span>199元</span>
                </li>
                <li>
                    <img src="images/znyj4.jpg" alt="">
                    <p>米家儿童手表Q</p>
                    <h5>11重安全设计，五重精准定位</h5>
                    <span>299元</span>
                </li>
                <li>
                    <img src="images/znyj5.jpg" alt="">
                    <p>米家小白智能摄像机</p>
                    <h5>360°全景拍摄，1080P高清摄像</h5>
                    <span>399元</span>
                </li>
                <li>
                    <img src="images/znyj6.jpg" alt="">
                    <p>米家车载空气净化器</p>
                    <h5>双风机循环气流，高效净化车内空气</h5>
                    <span>449元</span>
                </li>
                <li>
                    <span id="xinpin">新品</span>
                    <img src="images/znyj7.jpg" alt="">
                    <p>米家骑记电助力折叠自行车</p>
                    <h5>力矩传感电助力，让撑死出行轻松有趣</h5>
                    <span>2999元</span>
                </li>
                <li>
                    <span id="xinpin">新品</span>
                    <img src="images/znyj8.jpg" alt="">
                    <p>米家米家电动滑板车</p>
                    <h5>极简几何设计，1分钟轻松上手</h5>
                    <span>1999元</span>

                </li>
            </ul>
            <div class="clear"></div>
        </div>
        <!--搭配-->
        <div class="znyj-content dapei">
            <p class="public-p">搭配</p>
            <span class="dapei-span  dapei-span-one" id="dapei-aaa">
                <a href="#" class="on">热门<span id="border11" class="on"></span></a>
            <a href="#">耳机音箱 <span id="border11"></span></a>
            <a href="#">电源 <span id="border11"></span></a>
            <a href="#">电池存储卡<span id="border11"></span> </a>
            </span>
            <div class="clear"></div>
        </div>
        <div class="znyj-offsety-dapei">
            <div class="znyj-offsety-dapei-list">
                <div class="znyj-offsety-left">
                    <ul class="public-p-h5-span">
                        <li><img src="images/dapei1.jpg" alt=""></li>
                        <li><img src="images/dapei6.jpg" alt=""></li>
                    </ul>
                </div>
                <div class="public-p-h5-span znyj-offsety-right-ul-one">
                    <ul class="public-p-h5-span znyj-offsety-right" style="display: block">
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/dapei2.jpg" alt="">
                            <p>20000mAh小米移动电源2</p>
                            <span>149元</span>
                            <h5>7097人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/dapei3.jpg" alt="">
                            <p>小米移动电源10000mAh高配版</p>
                            <span>149元</span>
                            <h5>2737人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/dapei4.jpg" alt="">
                            <p>小米活塞耳机 清新版</p>
                            <span>29元</span>
                            <h5>1.6万人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/dapei5.jpg" alt="">
                            <p>小米圈铁耳机</p>
                            <span>149元</span>
                            <h5>1.1万人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/dapei7.jpg" alt="">
                            <p>小米蓝牙耳机青春版</p>
                            <span>59元</span>
                            <h5>1.4万人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/dapei8.jpg" alt="">
                            <p>小米钢炮蓝牙音箱</p>
                            <span>129元</span>
                            <h5>2.2万人人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/dapei9.jpg" alt="">
                            <p>小米网络音响</p>
                            <span>399元</span>
                            <h5>2872人评价</h5>
                        </li>
                        <div id="only">
                            <li id="only-one">
                                <img src="images/dapei10.jpg" alt="">
                                <div>
                                    <p>米家米家电动滑板车</p>
                                    <span>1999元</span>
                                </div>
                            </li>
                            <li id="only-two">
                                <span>浏览更多</span>
                                <div>→</div>
                            </li>
                        </div>
                    </ul>
                    <ul class="public-p-h5-span znyj-offsety-right">
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/ej1.jpg" alt="">
                            <p>小米头戴式耳机 轻松版</p>
                            <span>199元</span>
                            <h5>632人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/ej2.jpg" alt="">
                            <p>小米胶囊耳机</p>
                            <span>69元</span>
                            <h5>2.9万人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/ej3.jpg" alt="">
                            <p>小米圈铁耳机Pro</p>
                            <span>149元</span>
                            <h5>1万人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/ej4.jpg" alt="">
                            <p>小米随身蓝牙音箱</p>
                            <span>69元</span>
                            <h5>1.4万人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/ej5.jpg" alt="">
                            <p>小米钢炮蓝牙音箱2</p>
                            <span>129元</span>
                            <h5>2.1万人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/ej6.jpg" alt="">
                            <p>小米方盒子蓝牙音箱</p>
                            <span>99元</span>
                            <h5>1.7万人人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/ej7.jpg" alt="">
                            <p>ROIDMI音乐蓝牙车充</p>
                            <span>99元</span>
                            <h5>504人评价</h5>
                        </li>
                        <div id="only">
                            <li id="only-one">
                                <img src="images/ej8.jpg" alt="">
                                <div>
                                    <p>小米蓝牙音箱</p>
                                    <span>199元</span>
                                </div>
                            </li>
                            <li id="only-two">
                                <span>浏览更多</span>
                                <div>→</div>
                            </li>
                        </div>
                        <!--<li>
                            <img src="images/dapei8.jpg" alt="">

                        </li>-->
                    </ul>
                    <ul class="public-p-h5-span znyj-offsety-right">
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/dianyuan1.jpg" alt="">
                            <p>移动电源5000mAh</p>
                            <span>49元</span>
                            <h5>9.9万人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/dianyuan2.jpg" alt="">
                            <p>ZMI移动电源10000mAh</p>
                            <span>99元</span>
                            <h5>4109人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/dianyuan3.jpg" alt="">
                            <p>小米移动电源10000mAH高配版</p>
                            <span>149元</span>
                            <h5>2741人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/dianyuan4.jpg" alt="">
                            <p>20000mAh小米移动电源2</p>
                            <span>149元</span>
                            <h5>7098人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/dianyuan5.jpg" alt="">
                            <p>10000mAh小米移动电源2</p>
                            <span>79元</span>
                            <h5>2.7万人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/dianyuan6.jpg" alt="">
                            <p>小米插线板 5孔位</p>
                            <span>39元</span>
                            <h5>2.4万人人评价</h5>
                        </li>
                        <li>
                            <img src="images/dianyuan8.jpg" alt="">
                            <p>USB Type-C充电套装</p>
                            <span>15元</span>
                        </li>
                        <div id="only">
                            <li id="only-one">
                                <img src="images/dianyuan9.jpg" alt="">
                                <div>
                                    <p>小米智能插···</p>
                                    <span>69元</span>
                                </div>
                            </li>
                            <li id="only-two">
                                <span>浏览更多</span>
                                <div>→</div>
                            </li>
                        </div>
                    </ul>
                    <ul class="public-p-h5-span znyj-offsety-right">
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/cunchu1.jpg" alt="">
                            <p>ROIDMI音乐蓝牙车充</p>
                            <span>99元</span>
                            <h5>504人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/cunchu2.jpg" alt="">
                            <p>小米USB充电器(2口)</p>
                            <span>49元</span>
                            <h5>2252人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/cunchu3.jpg" alt="">
                            <p>彩虹5号电池</p>
                            <span>9.9元</span>
                            <h5>9万人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/cunchu4.jpg" alt="">
                            <p>彩虹7号电池</p>
                            <span>9.9元</span>
                            <h5>5.5万人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/cunchu5.jpg" alt="">
                            <p>小米USB充电器(4口)</p>
                            <span>69元</span>
                            <h5>1.2万人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/cunchu6.jpg" alt="">
                            <p>SanDisk 32GB高速存储卡</p>
                            <span>69.9元</span>
                            <h5>1万人人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/cunchu7.jpg" alt="">
                            <p>小米车载充电器</p>
                            <span>49元</span>
                            <h5>4.2万人评价</h5>
                        </li>
                        <div id="only">
                            <li id="only-one">
                                <img src="images/cunchu8.jpg" alt="">
                                <div>
                                    <p>SanDisk 16 ···</p>
                                    <span>31.9元</span>
                                </div>
                            </li>
                            <li id="only-two">
                                <span>浏览更多</span>
                                <div>→</div>
                            </li>
                        </div>
                    </ul>
                </div>
            </div>
        </div>
        <!--配件-->
        <div class="znyj-content dapei">
            <p class="public-p">配件</p>
            <span class="dapei-span dapei-span-two">
                <a href="#"class="on">热门<span id="border11" class="on"></span></a>
            <a href="#">保护套<span id="border11"></span></a>
            <a href="#">贴膜<span id="border11"></span></a>
            <a href="#">其它配件<span id="border11"></span></a>
            </span>
            <div class="clear"></div>
        </div>
        <div class="znyj-offsety-dapei">
            <div class="znyj-offsety-dapei-list">
                <div class="znyj-offsety-left">
                    <ul class="public-p-h5-span">
                        <li><img src="images/peijian1.jpg" alt=""></li>
                        <li><img src="images/peijian6.jpg" alt=""></li>
                    </ul>
                </div>
                <div class="public-p-h5-span znyj-offsety-right-ul-two">
                    <ul class="public-p-h5-span znyj-offsety-right" style="display: block">
                        <li>
                            <span id="xiangliuzhe">享6折</span>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/peijian2.jpg" alt="">
                            <p>小米手机4c 小米4c 智能唤醒翻...</p>
                            <span>29元 <del>49元</del></span>
                            <h5>2.4万人评价</h5>
                        </li>
                        <li>
                            <span id="xiangliuzhe">享6折</span>
                            <img src="images/peijian3.jpg" alt="">
                            <p>小米指环支架</p>
                            <span>19元</span>
                            <h5>6805人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/peijian4.jpg" alt="">
                            <p>小米自拍杆(线控版)</p>
                            <span>49元</span>
                            <h5>6933人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/peijian5.jpg" alt="">
                            <p>小米手机5 小米5 钢化玻璃贴膜(...</p>
                            <span>29元</span>
                            <h5>4.7万人评价</h5>
                        </li>
                        <li>
                            <span id="xinpin">新品</span>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/peijian7.jpg" alt="">
                            <p>小米5s 标准高透贴膜</p>
                            <span>19元</span>
                            <h5>4661人评价</h5>
                        </li>
                        <li>
                            <img src="images/peijian8.jpg" alt="">
                            <p>小米随身WIFI</p>
                            <span>19.9元</span>
                            <h5>30.3万人评价</h5>
                        </li>
                        <li>
                            <span id="xiangliuzhe">享6折</span>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/peijian9.jpg" alt="">
                            <p>小米5s Plus标准高透贴膜</p>
                            <span>19元</span>
                            <h5>3838人评价</h5>
                        </li>
                        <div id="only">
                            <li id="only-one">
                                <img src="images/peijian10.jpg" alt="">
                                <div>
                                    <p>小米5s Plus ...</p>
                                    <span>19元</span>
                                </div>
                            </li>
                            <li id="only-two">
                                <span>浏览更多</span>
                                <div>→</div>
                            </li>
                        </div>
                    </ul>
                    <ul class="public-p-h5-span znyj-offsety-right">
                        <li>
                            <span id="xiangliuzhe">享6折</span>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/baohumo1.jpg" alt="">
                            <p>小米Note2 智能翻盖保护套</p>
                            <span>39元 <del>49元</del></span>
                            <h5>890人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/baohumo2.jpg" alt="">
                            <p>小米5s 智能立显点式保护套</p>
                            <span>79元</span>
                            <h5>2665人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/baohumo3.jpg" alt="">
                            <p>红米Note4 超薄肤感胶保护套</p>
                            <span>19元</span>
                            <h5>455人评价</h5>
                        </li>
                        <li>
                            <span id="xiangliuzhe">享6折</span>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/baohumo4.jpg" alt="">
                            <p>红米4标准版 翻盖保护套</p>
                            <span>29元<del>49元</del></span>
                            <h5>570人评价</h5>
                        </li>
                        <li>
                            <span id="xiangliuzhe">享6折</span>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/baohumo5.jpg" alt="">
                            <p>红米4高配版 翻盖保护套</p>
                            <span>29元<del>49元</del></span>
                            <h5>1817人评价</h5>
                        </li>
                        <li>
                            <span id="xiangliuzhe">享6折</span>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/baohumo6.jpg" alt="">
                            <p>小米Note 2 高透软胶保护套</p>
                            <span>9.9元<del>19元</del></span>
                            <h5>676人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/baohumo7.jpg" alt="">
                            <p>红米Note4X高透软胶保护套</p>
                            <span>19元</span>
                            <h5>801人评价</h5>
                        </li>
                        <div id="only">
                            <li id="only-one">
                                <img src="images/baohumo8.jpg" alt="">
                                <div>
                                    <p>小米Max 超...</p>
                                    <span>29元</span>
                                </div>
                            </li>
                            <li id="only-two">
                                <span>浏览更多</span>
                                <div>→</div>
                            </li>
                        </div>
                    </ul>
                    <ul class="public-p-h5-span znyj-offsety-right">
                        <li>
                            <span id="xiangliuzhe">享6折</span>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/tiemo1.jpg" alt="">
                            <p>红米4标准版 标准高透贴膜</p>
                            <span>9.9元<del>19元</del></span>
                            <h5>665人评价</h5>
                        </li>
                        <li>
                            <span id="xiangliuzhe">享6折</span>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/tiemo2.jpg" alt="">
                            <p>红米4高配版 标准高透贴膜</p>
                            <span>9.9元<del>19元</del></span>
                            <h5>2085人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/tiemo3.jpg" alt="">
                            <p>小米手机5 极薄防蓝光贴膜</p>
                            <span>49元</span>
                            <h5>8762人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/tiemo4.jpg" alt="">
                            <p>小米5 标准高透贴膜</p>
                            <span>19元</span>
                            <h5>4661人评价</h5>
                        </li>
                        <li>
                            <span id="xinpin">新品</span>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/tiemo5.jpg" alt="">
                            <p>红米Note 4X 标准高透贴膜</p>
                            <span>19元</span>
                            <h5>650人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/tiemo6.jpg" alt="">
                            <p>小米Max 标准高透贴膜</p>
                            <span>19元</span>
                            <h5>1.2万人评价</h5>
                        </li>
                        <li>
                            <span id="xiangliuzhe">享6折</span>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/tiemo7.jpg" alt="">
                            <p>红米Pro标准高透贴膜</p>
                            <span>9.9元 <del>19元</del></span>
                            <h5>2922人评价</h5>
                        </li>
                        <div id="only">
                            <li id="only-one">
                                <img src="images/tiemo8.jpg" alt="">
                                <div>
                                    <p>红米Note 4...</p>
                                    <span>19元</span>
                                </div>
                            </li>
                            <li id="only-two">
                                <span>浏览更多</span>
                                <div>→</div>
                            </li>
                        </div>
                    </ul>
                    <ul class="public-p-h5-span znyj-offsety-right">
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/qitapeijian1.jpg" alt="">
                            <p>青米USB快速充电数据线</p>
                            <span>9.9元</span>
                            <h5>1.9万人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/qitapeijian2.jpg" alt="">
                            <p>小米指环支架 金色</p>
                            <span>19元</span>
                            <h5>6955人评价</h5>
                        </li>
                        <li>
                            <span id="xinpin">新品</span>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/qitapeijian3.jpg" alt="">
                            <p>小米USB-C电源适配器(45W)</p>
                            <span>99元</span>
                            <h5>22人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/qitapeijian4.jpg" alt="">
                            <p>蓝牙语音体感遥控器</p>
                            <span>99元</span>
                            <h5>3258人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/qitapeijian5.jpg" alt="">
                            <p>小米便携鼠标</p>
                            <span>99元</span>
                            <h5>4947人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/qitapeijian6.jpg" alt="">
                            <p>USB-C至HDMI多功能转接器</p>
                            <span>149元</span>
                            <h5>1038人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/qitapeijian7.jpg" alt="">
                            <p>USBType-C 转接头</p>
                            <span>5元</span>
                            <h5>5.3万人评价</h5>
                        </li>
                        <div id="only">
                            <li id="only-one">
                                <img src="images/qitapeijian8.jpg" alt="">
                                <div>
                                    <p>青米USB快···</p>
                                    <span>19元</span>
                                </div>
                            </li>
                            <li id="only-two">
                                <span>浏览更多</span>
                                <div>→</div>
                            </li>
                        </div>
                    </ul>
                </div>
            </div>
        </div>
        <!--周边-->
        <div class="znyj-content dapei">
            <p class="public-p">周边</p>
            <span class="dapei-span dapei-span-three">
                <a href="#"class="on">热门<span id="border11" class="on"></a>
                <a href="#">服装<span id="border11"></span></a>
            <a href="#">米兔<span id="border11"></span></a>
            <a href="#">生活周边<span id="border11"></span></a>
            <a href="#">箱包<span id="border11"></span></a>
            </span>
            <div class="clear"></div>
        </div>
        <div class="znyj-offsety-dapei">
            <div class="znyj-offsety-dapei-list">
                <div class="znyj-offsety-left">
                    <ul class="public-p-h5-span">
                        <li><img src="images/remena1.jpg" alt=""></li>
                        <li><img src="images/remena6.jpg" alt=""></li>
                    </ul>
                </div>
                <div class="public-p-h5-span znyj-offsety-right-ul-three">
                    <ul class="public-p-h5-span znyj-offsety-right" style="display: block">
                        <li>
                            <span id="mianyoufei">免邮费</span>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/remena2.jpg" alt="">
                            <p>90分旅行箱 24寸</p>
                            <span>349元</span>
                            <h5>1.7万人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/remena3.jpg" alt="">
                            <p>最生活浴巾·青春系列</p>
                            <span>99元</span>
                            <h5>409人评价</h5>
                        </li>
                        <li>
                            <span id="xiangliuzhe">享9.4折</span>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/remena4.jpg" alt="">
                            <p>8H标准乳胶枕</p>
                            <span>149元<del>159元</del></span>
                            <h5>3988人评价</h5>
                        </li>
                        <li>
                            <span id="xinpin">新品</span>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/remena5.jpg" alt="">
                            <p>小米简约层小牛皮钱包</p>
                            <span>129元</span>
                            <h5>473人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/remena7.jpg" alt="">
                            <p>米家签字笔</p>
                            <span>14.9元</span>
                            <h5>2.6万人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/remena8.jpg" alt="">
                            <p>防雾霾口罩</p>
                            <span>69元</span>
                            <h5>2908人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/remena9.jpg" alt="">
                            <p>8H多功能护颈枕U1</p>
                            <span>79元</span>
                            <h5>1104人评价</h5>
                        </li>
                        <div id="only">
                            <li id="only-one">
                                <img src="images/remena10.jpg" alt="">
                                <div>
                                    <p>变形金刚特...</p>
                                    <span>169元</span>
                                </div>
                            </li>
                            <li id="only-two">
                                <span>浏览更多</span>
                                <div>→</div>
                            </li>
                        </div>
                    </ul>
                    <ul class="public-p-h5-span znyj-offsety-right">
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/fuzhuang1.jpg" alt="">
                            <p>小米摇粒绒加厚保暖外套</p>
                            <span>99元</span>
                            <h5>6037人评价</h5>
                        </li>
                        <li>
                            <span id="xiangliuzhe">享8折</span>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/fuzhuang2.jpg" alt="">
                            <p>小米空气层连帽运动卫衣 男款</p>
                            <span>149元<del>199元</del></span>
                            <h5>1603人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/fuzhuang3.jpg" alt="">
                            <p>小米短袖T恤 新国货</p>
                            <span>39元</span>
                            <h5>831人评价</h5>
                        </li>
                        <li>
                            <span id="xiangliuzhe">享8折</span>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/fuzhuang4.jpg" alt="">
                            <p>小米空气层连帽运动卫衣 女款</p>
                            <span>149元<del>199元</del></span>
                            <h5>196人评价</h5>
                        </li>
                        <li>
                            <span id="xiangliuzhe">享7折</span>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/fuzhuang5.jpg" alt="">
                            <p>小米纪念款围巾(去探索)</p>
                            <span>89元<del>129元</del></span>
                            <h5>129人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/fuzhuang6.jpg" alt="">
                            <p>小米短袖T恤 水管工米兔</p>
                            <span>39</span>
                            <h5>4168人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/fuzhuang7.jpg" alt="">
                            <p>小米V领短袖T恤 女款</p>
                            <span>39元</span>
                            <h5>3869人评价</h5>
                        </li>
                        <div id="only">
                            <li id="only-one">
                                <img src="images/fuzhuang8.jpg" alt="">
                                <div>
                                    <p>小米短T恤n...</p>
                                    <span>39元</span>
                                </div>
                            </li>
                            <li id="only-two">
                                <span>浏览更多</span>
                                <div>→</div>
                            </li>
                        </div>
                    </ul>
                    <ul class="public-p-h5-span znyj-offsety-right">
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/mitua1.jpg" alt="">
                            <p>60cm柔软米兔抱枕</p>
                            <span>129元</del></span>
                            <h5>726人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/mitua2.jpg" alt="">
                            <p>超脑米兔钥匙扣</p>
                            <span>29元</del></span>
                            <h5>782人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/mitua3.jpg" alt="">
                            <p>米兔多功能护颈枕</p>
                            <span>49元</span>
                            <h5>2379人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/mitua4.jpg" alt="">
                            <p>小米米兔音箱</p>
                            <span>99元</span>
                            <h5>1199人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/mitua5.jpg" alt="">
                            <p>小米短袖T恤 情侣米兔 女款</p>
                            <span>39元</span>
                            <h5>1854人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/mitua6.jpg" alt="">
                            <p>小米短袖T恤 水管工米兔</p>
                            <span>39元</span>
                            <h5>4168人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/mitua7.jpg" alt="">
                            <p>小米短袖T恤 西游记</p>
                            <span>39</span>
                            <h5>8752人评价</h5>
                        </li>
                        <div id="only">
                            <li id="only-one">
                                <img src="images/mitua8.jpg" alt="">
                                <div>
                                    <p>小米V领短袖</p>
                                    <span>39元</span>
                                </div>
                            </li>
                            <li id="only-two">
                                <span>浏览更多</span>
                                <div>→</div>
                            </li>
                        </div>
                    </ul>
                    <ul class="public-p-h5-span znyj-offsety-right">
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/shenghuozhoubian1.jpg" alt="">
                            <p>米家中性笔专用笔芯</p>
                            <span>6.9元</span>
                            <h5>2691人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/shenghuozhoubian2.jpg" alt="">
                            <p>花花草草检测仪</p>
                            <span>49元</span>
                            <h5>5499人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/shenghuozhoubian3.jpg" alt="">
                            <p>米家LED随身灯 增强版</p>
                            <span>19.9元</span>
                            <h5>2.5万人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/shenghuozhoubian4.jpg" alt="">
                            <p>防雾霾滤芯(5片装)</p>
                            <span>39元</span>
                            <h5>553人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/shenghuozhoubian5.jpg" alt="">
                            <p>变形金刚特别版声波</p>
                            <span>169元</span>
                            <h5>2470人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/shenghuozhoubian6.jpg" alt="">
                            <p>金属鼠标垫 小号</p>
                            <span>49元</span>
                            <h5>1万人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/shenghuozhoubian7.jpg" alt="">
                            <p>小米电源收纳盒</p>
                            <span>49元</span>
                            <h5>3074人评价</h5>
                        </li>
                        <div id="only">
                            <li id="only-one">
                                <img src="images/shenghuozhoubian8.jpg" alt="">
                                <div>
                                    <p>鼠标垫加大号</p>
                                    <span>19元</span>
                                </div>
                            </li>
                            <li id="only-two">
                                <span>浏览更多</span>
                                <div>→</div>
                            </li>
                        </div>
                    </ul>
                    <ul class="public-p-h5-span znyj-offsety-right">
                        <li>
                            <span id="mianyoufei">免邮费</span>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/xiangbao1.jpg" alt="">
                            <p>90分旅行箱 20寸</p>
                            <span>299元</span>
                            <h5>1.9万人评价</h5>
                        </li>
                        <li>
                            <span id="mianyoufei">免邮费</span>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/xiangbao2.jpg" alt="">
                            <p>90分旅行箱 24寸</p>
                            <span>349元</span>
                            <h5>1.7万人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/xiangbao3.jpg" alt="">
                            <p>小米轻动系百搭多用背包</p>
                            <span>39元</span>
                            <h5>6477人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/xiangbao4.jpg" alt="">
                            <p>90分便携收纳袋</p>
                            <span>29元</span>
                            <h5>3397人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/xiangbao5.jpg" alt="">
                            <p>小米经典商务双肩包</p>
                            <span>99元</span>
                            <h5>9306人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/xiangbao6.jpg" alt="">
                            <p>小米极简都市双肩包</p>
                            <span>149元</span>
                            <h5>2.1万人评价</h5>
                        </li>
                        <li>
                            <div id="overlay">
                                <section>非常的好可以的。</section>
                                <h4>来自于 1087325809 的评价</h4>
                            </div>
                            <img src="images/xiangbao7.jpg" alt="">
                            <p>小米多功能都市休闲胸包</p>
                            <span>69元</span>
                            <h5>2.1万人评价</h5>
                        </li>
                        <div id="only">
                            <li id="only-one">
                                <img src="images/xiangbao8.jpg" alt="">
                                <div>
                                    <p>学院风简约...</p>
                                    <span>19元</span>
                                </div>
                            </li>
                            <li id="only-two">
                                <span>浏览更多</span>
                                <div>→</div>
                            </li>
                        </div>
                    </ul>
                </div>
            </div>
        </div>
        <!--为你推荐-->
        <div class="wntj">
            <p>为你推荐</p>
            <span id="wntj-span-a"><a href="javascript:;" id="pre-aa" class="current-on">&lt;</a><a href="javascript:;" id="next-aa">&gt;</a></span>
        </div>
        <div class="wntj-lalala">
            <div class="wntj-gd-content">
                <ul class="public-p-h5-span">
                    <li>
                        <a href="#"><img src="images/wntj1.jpg" alt=""></a>
                        <p>10000mAh小米移动电源2</p>
                        <span>79元</span>
                        <h5>2.7万人好评</h5>
                    </li>
                    <li>
                        <a href="#"><img src="images/wntj2.jpg" alt=""></a>
                        <p>米家恒温电水壶</p>
                        <span>299元</span>
                        <h5>1.3万人好评</h5>
                    </li>
                    <li>
                        <a href="#"><img src="images/wntj3.jpg" alt=""></a>
                        <p>小米家庭影院</p>
                        <span>1999元</span>
                    </li>
                    <li>
                        <a href="#"><img src="images/wntj4.jpg" alt=""></a>
                        <p>米家骑记电助力折叠自行车</p>
                        <span>2999元</span>
                        <h5>949人好评</h5>
                    </li>
                    <li>
                        <a href="#"><img src="images/wntj5.jpg" alt=""></a>
                        <p>米家 LED智能台灯</p>
                        <span>169元</span>
                        <h5>1.5万人好评</h5>
                    </li>
                </ul>
                <ul class="public-p-h5-span">
                    <li>
                        <a href="#"><img src="images/wntj6.jpg" alt=""></a>
                        <p>小米笔记本Ai 13.3英寸</p>
                        <span>4999元</span>
                        <h5>7820人好评</h5>
                    </li>
                    <li>
                        <a href="#"><img src="images/wntj7.jpg" alt=""></a>
                        <p>小米笔记本Air 13.3英寸尊享版</p>
                        <span>5999元</span>
                        <h5>77人好评</h5>
                    </li>
                    <li>
                        <a href="#"><img src="images/wntj8.jpg" alt=""></a>
                        <p>小米电视3s 65英寸 影院版</p>
                        <span>6999元</span>
                    </li>
                    <li>
                        <a href="#"><img src="images/wntj9.jpg" alt=""></a>
                        <p>小米路由器 Pro</p>
                        <span>499元</span>
                        <h5>471人好评</h5>
                    </li>
                    <li>
                        <a href="#"><img src="images/wntj10.jpg" alt=""></a>
                        <p>小米米家电动滑板车</p>
                        <span>1999元</span>
                        <h5>936万人好评</h5>
                    </li>
                </ul>

            </div>

        </div>
        <!--热评产品-->
        <div class="wntj">
            <p class="public-p">热评产品</p>
            <div class="clear"></div>
        </div>
        <div class="rpcp">
            <ul class="public-p-h5-span">
                <li>
                    <img src="images/rpcp1.jpg" alt="">
                    <section>
                        刚收到，外观很漂亮，颜色也很喜欢，等了好长时间了，终于拿 到了，非常满意，棒棒哒！！！
                    </section>
                    <p>来自于 龙炎 的评价</p>
                    <h5> 小米笔记本Air 12.5英寸<a href="#">3499元</a></h5>
                </li>
                <li>
                    <img src="images/rpcp2.jpg" alt="">
                    <section>
                        非常好用，孩子使用防止沉迷于电话影响学习。做工很好，定位基本准确，通话清晰。如果加入时间显示就更完美...
                    </section>
                    <p>来自于 178576259 的评价</p>
                    <h5>米兔定位电话<a href="#">169元</a></h5>
                </li>
                <li>
                    <img src="images/rpcp3.jpg" alt="">
                    <section>
                        安装简洁方便，信号不错！！！！！
                    </section>
                    <p>来自于 追逆 的评价</p>
                    <h5> 小米路由器3<a href="#">149元</a></h5>
                </li>
                <li>
                    <img src="images/rpcp4.jpg" alt="">
                    <section>
                        手机好用，反应快，价格适中，会常光顾，赞，五分好评！
                    </section>
                    <p>来自于 颜海平 的评价</p>
                    <h5>小米Max全网通版 <a href="">1299元</a></h5>
                </li>
            </ul>
        </div>
        <!--内容-->
        <div class="wntj">
            <p class="public-p">内容</p>
            <div class="clear"></div>
        </div>
        <div class="rpcp">
            <ul class="public-p-h5-span">
                <li class="tushu tushuone">
                    <h3>图书</h3>
                    <div class="tushu-inner">
                        <div class="tushu-inner-one">
                            <h1>哈利·波特与被诅咒的孩子</h1>
                            <p>“哈利·波特”第八个故事中文版震撼来</p>
                            <p>袭！特别彩排版剧本！</p>
                            <span>29.37元</span>
                            <img src="images/tushu1.jpg" alt="">
                        </div>
                        <div class="tushu-inner-one">
                            <h1>好吗好的</h1>
                            <p>畅销作家大冰2016年新书！讲给你</p>
                            <p>听，好吗好的！</p>
                            <span>17.99元</span>
                            <img src="images/tushu2.jpg" alt="">
                        </div>
                        <div class="tushu-inner-one">
                            <p>海量好书，享受精品阅读时光</p>
                            <p>漂亮的中文排版，千万读者选择！</p>
                            <a href="#">前往多看阅读</a>
                            <img src="images/tushu3.jpg" alt="">
                        </div>
                    </div>
                    <div class="hole" id="hole-a">
                        <a href="javascript:;" class="onn" ></a>
                        <a href="javascript:;"></a>
                        <a href="javascript:;"></a>
                    </div>
                    <div class="gysx prev-btn">&lt;</div>
                    <div class="gysx next-btn">&gt;</div>
                </li>
                <li class="tushu zhuti">
                    <h3>MUI 主题</h3>
                    <div class="tushu-inner">
                        <div class="tushu-inner-one">
                            <h1>小米5c尊黑版</h1>
                            <p>小米5动态尊黑版主题，首发上线！会</p>
                            <p>动的默认壁纸</p>
                            <span>9米币</span>
                            <img src="images/zhuti1.jpg" alt="">
                        </div>
                        <div class="tushu-inner-one">
                            <h1>我心澎湃【烫金版】</h1>
                            <p>我心澎湃【烫金版】官方主题强劲登</p>
                            <p>场！</p>
                            <span>9米币</span>
                            <img src="images/zhuti2.jpg" alt="">
                        </div>
                        <div class="tushu-inner-one">
                            <h1>遇见你 预见爱</h1>
                            <p>不要玫瑰，不要巧克力，不要甜言蜜</p>
                            <p>语，只要敢说在一起。</p>
                            <span>13.14米币</span>
                            <img src="images/zhuti3.jpg" alt="">
                        </div>
                        <div class="tushu-inner-one">
                            <p>众多个性主题、百变锁屏与自由桌面</p>
                            <p>让你的手机与众不同！</p>
                            <a href="#">前往MIUI主题市场</a>
                            <img src="images/zhuti4.jpg" alt="">
                        </div>
                    </div>
                    <div class="hole" id="hole-a">
                        <a href="javascript:;" class="onn"></a>
                        <a href="javascript:;"></a>
                        <a href="javascript:;"></a>
                        <a href="javascript:;"></a>
                    </div>
                    <div class="gysx prev-btn">&lt;</div>
                    <div class="gysx next-btn">&gt;</div>
                </li>
                <li class="tushu youxi">
                    <h3>游戏</h3>
                    <div class="tushu-inner">
                        <div class="tushu-inner-one">
                            <h1>米柚手游模拟器</h1>
                            <p>在电脑上玩遍小米所有手游</p>
                            <span>免费</span>
                            <img src="images/youxi1.jpg" alt="">
                        </div>
                        <div class="tushu-inner-one">
                            <h1>剑侠世界</h1>
                            <p>一生不容错过的浪漫武侠！！</p>
                            <span>免费</span>
                            <img src="images/youxi2.jpg" alt="">
                        </div>
                        <div class="tushu-inner-one">
                            <h1>老九门</h1>
                            <p>九门恩怨，盗墓笔记前传上线</p>
                            <span>免费</span>
                            <img src="images/youxi3.jpg" alt="">
                        </div>
                        <div class="tushu-inner-one">
                            <p>免费下载海量的手机游戏</p>
                            <p>天天都有现金福利赠送</p>
                            <a href="#">前往小米游戏商店</a>
                            <img src="images/youxi4.jpg" alt="">
                        </div>
                    </div>
                    <div class="hole" id="hole-a">
                        <a href="javascript:;" class="onn"></a>
                        <a href="javascript:;"></a>
                        <a href="javascript:;"></a>
                        <a href="javascript:;"></a>
                    </div>
                    <div class="gysx prev-btn">&lt;</div>
                    <div class="gysx next-btn">&gt;</div>
                </li>
                <li class="tushu yingyong">
                    <h3>应用</h3>
                    <div class="tushu-inner">
                        <div class="tushu-inner-one">
                            <h2>2017金米奖</h2>
                            <p>最优秀的应用和游戏</p>
                            <img src="images/yingyong1.jpg" alt="">
                        </div>
                        <div class="tushu-inner-one">
                            <h2>Forest</h2>
                            <p>帮助您专心于生活中每个重要时刻</p>
                            <span>免费</span>
                            <img src="images/yingyong2.jpg" alt="">
                        </div>
                        <div class="tushu-inner-one">
                            <h2>小米应用</h2>
                            <p>小米出品 必属精品</p>
                            <span>免费</span>
                            <img src="images/yingyong3.jpg" alt="">
                        </div>
                        <div class="tushu-inner-one">
                            <p>帮助小米手机和其他安卓手机用户</p>
                            <p>发现好用的安卓应用</p>
                            <a href="#">前往小米应用商城</a>
                            <img src="images/yingyong4.jpg" alt="">
                        </div>
                    </div>
                    <div class="hole" id="hole-a">
                        <a href="javascript:;" class="onn"></a>
                        <a href="javascript:;"></a>
                        <a href="javascript:;"></a>
                        <a href="javascript:;"></a>
                    </div>
                    <div class="gysx prev-btn">&lt;</div>
                    <div class="gysx next-btn">&gt;</div>
                </li>
            </ul>
        </div>
        <div class="znyj-content">
            <p class="public-p">视频</p>
            <span class="public-span"><a href="javascript:;">查看全部</a><a href="javascript:;">&gt;</a></span>
            <div class="clear"></div>
        </div>
        <div class="shipin">
            <ul class="public-p-h5-span">
                <li>
                    <span id="shipin-span"></span>
                    <img src="images/shipin1.jpg" alt="">
                    <p>红米Note 4X 环岛挑战</p>
                    <a href="">看看我们关于超长续航的疯狂想法</a>
                </li>
                <li>
                    <span id="shipin-span"></span>
                    <img src="images/shipin2.jpg" alt="">
                    <p>小米之家里发生了一件怪事</p>
                    <a href="">World Order星机械人受邀访问地球</a>
                </li>
                <li>
                    <span id="shipin-span"></span>
                    <img src="images/shipin3.jpg" alt="">
                    <p>小米MIX 概念手机背后的故事</p>
                    <a href="">雷总亲自讲述小米MIX 的诞生</a>
                </li>
                <li>
                    <span id="shipin-span"></span>
                    <img src="images/shipin4.jpg" alt="">
                    <p>一面科技，一面艺术</p>
                    <a href="">梁朝伟讲述双面人生</a>
                </li>
            </ul>
        </div>
    </div>

    <!--底部-->
    <footer>
        <div class="footer-header">
            <ul class="footer-header-ul">
                <li>
                    <img src="images/weixiu.png" alt="">
                    <a href="">预约维修服务</a>
                </li>
                <li>
                    <img src="images/tuihuo.png" alt="">
                    <a href="">7天无理由退货</a>
                </li>
                <li>
                    <img src="images/huanhuo.png" alt="">
                    <a href="">15天免费换货</a>
                </li>
                <li>
                    <img src="images/baoyou.png" alt="">
                    <a href="">满150元包邮</a>
                </li>
                <li>
                    <img src="images/wangdian.png" alt="">
                    <a href="">520余家售后网点</a>
                </li>
            </ul>
        </div>
        <div class="footer-middle">
            <div class="footer-middle-left">
                <ul>
                    <li>帮助中心</li>
                    <li>服务支持</li>
                    <li>线下门店</li>
                    <li>关于小米</li>
                    <li>关注我们</li>
                    <li>特色服务</li>
                </ul>
                <a href="#">账号管理</a>
                <a href="#">售后政策</a>
                <a href="#">小米之家</a>
                <a href="#">了解小米</a>
                <a href="#">新浪微博</a>
                <a href="#">F码通道</a>
                <a href="#">购物指南</a>
                <a href="#">自助服务</a>
                <a href="#">服务网点</a>
                <a href="#">加入小米</a>
                <a href="#">小米部落</a>
                <a href="#">礼物码</a>
                <a href="#">订单操作</a>
                <a href="#">相关下载</a>
                <a href="#">零售网点</a>
                <a href="#">联系我们</a>
                <a href="#">官方微信</a>
                <a href="#">防伪查询</a>
            </div>
            <div class="footer-header-right">
                <h1>400-100-5678</h1>
                <p>周一至周日 8:00-18:00 </p>
                <p>（仅收市话费）</p>
                <span>24小时在线服务</span>
            </div>
        </div>
    </footer>
    <div class="finally-footer">
        <div class="finally-footer-content">
            <div class="finally-footer-left">
                <img src="images/favicon.ico" alt="">
                <div class="finally-footer-left-wz">
                    <a href="#">小米商城</a>
                    <a href="#">MIUI</a>
                    <a href="#">米聊</a>
                    <a href="#">多看书城</a>
                    <a href="#">小米路由器</a>
                    <a href="#">视频电话</a>
                    <a href="#">企业团购</a>
                    <a href="#">小米天猫店</a>
                    <a href="#">小米淘宝直营店</a>
                    <a href="#">小米网盟</a>
                    <a href="#">小米移动</a>
                    <a href="#">Select Regon</a>
                    <p>©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号 </p>
                    <p>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
                </div>
            </div>
            <div class="finally-footer-right">
                <img src="images/truste.png" alt="">
                <img src="images/v-logo-1.png" alt="">
                <img src="images/v-logo-2.png" alt="">
                <img src="images/v-logo-3.png" alt="">
            </div>
            <div class="clear"></div>
            <h1>探索黑科技，小米为发烧而生!</h1>
        </div>

    </div>
</body>

</html>
<script>
    $(function () {
        $('.nav-list ul li').each(function () {
            $(this).mouseenter(function () {
                // 显示当前的，隐藏所有的兄弟元素

                $('#nav-inner-list div')
                    .eq($(this).index()).show()
                    .siblings().hide()
            });
        })
        $('.nav-list ul').mouseout(function () {
            $('#nav-inner-list').stop().slideUp()
        })
        $('.menu').mouseenter(function () {
            $('#nav-inner-list').stop().slideDown()
        })
        $('.menu').mouseleave(function () {
            $('#nav-inner-list').stop().slideUp()
        })
        // 左侧显示
        $('.list').mouseenter(function () {
            $('.prev-list-content').show();
        })
        $('.list').mouseleave(function () {
            $('.prev-list-content').hide();
        })
        $('.prev-list li').each(function () {
            $(this).mouseenter(function () {
                // 显示当前的，隐藏所有的兄弟元素
                $('.prev-list-content ul')
                    .eq($(this).index()).show()
                    .siblings().hide();
            })
        });
        // 轮播图

        // 图片的索引值，初始是0 第一张图
        var index = 0;

        // 1.自动切换
        var timer = setInterval(nextImg, 8000);
        // 下一张图
        function nextImg() {
            index = (index == $('.pic li').length - 1) ? 0 : (index + 1);
            showImg();
        }
        // 上一张
        function prevImg() {
            index = index == 0 ? $('.pic li').length - 1 : index - 1;
            showImg();
        }
        // 展示图片和指示灯
        function showImg() {
            // console.log('开始啦啦啦')
            // 根据索引值，显示当前图片，隐藏其他图片
            $('.pic li').eq(index).show().siblings().hide();
            $('.indicator li').eq(index).addClass('active')
                .siblings().removeClass('active');
        }

        // 2.悬停切换
        $('.indicator li').hover(function () {
            // 鼠标进入指示灯，停止自动切换
            clearInterval(timer);
            // 获取当前选中的li标签的索引值
            index = $(this).index();
            showImg();
        }, function () {
            // 鼠标出来，恢复自动切换
            timer = setInterval(nextImg, 8000);
        });

        // 3.点击按钮切换
        $('#content').hover(function () {
            clearInterval(timer);
        }, function () {
            // console.log('恢复');
            timer = setInterval(nextImg, 8000);
        });

        // 上一张
        $('.page .prev').click(function () {
            prevImg();
        });
        // 下一张
        $('.page .next').click(function () {
            nextImg();
        });
        // 左侧滑动
        var indexz = 0;
        var timerrr = setInterval(gdImg, 4000);
        function gdImg() {
            indexz = (indexz == $('.mxdp-gd-content ul').length - 1) ? 0 : (indexz + 1);
            if (indexz == 1) {
                $('.mxdp span a').eq(1).addClass('current-on').siblings().removeClass('current-on')
                // console.log(indexz)
                $('.mxdp-gd-content').animate({
                    'left': -$('.mxdp-gd-content ul').width() * indexz
                })
            }
            if (indexz == 0) {
                $('.mxdp span a').eq(0).addClass('current-on').siblings().removeClass('current-on')
                // console.log(indexz)
                $('.mxdp-gd-content').animate({
                    'left': -$('.mxdp-gd-content ul').width() * indexz
                })
            }
        }

        $('#mxdp-span').hover(function () {
            clearInterval(timerrr);
        }, function () {
            timerrr = setInterval(gdImg, 4000);
        })
        $('#pre-a').click(function () {
            $('.mxdp-gd-content').animate({
                'left': '-1444px',
            })
        })
        $('#next-a').click(function () {
            $('.mxdp-gd-content').animate({
                'left': 0,
            })
        })
        //    智能硬件
        $('.public-p-h5-span li').each(function () {
            $(this).mouseenter(function () {
                $(this).addClass('onli').siblings().removeClass('onli');
                $(this).find('#overlay').stop().animate({
                    bottom: '0px',
                    opacity: 1
                }, 400)

            })
            $(this).mouseleave(function () {
                $(this).removeClass('onli')
                $(this).find('#overlay').stop().animate({
                    bottom: '-100px',
                    opacity: 0
                }, 400);
            })
        })


        // 为你推荐
        var indexzz = 0;
        var timerr = setInterval(gdtImg, 4000);
        function gdtImg() {
            indexzz = (indexzz == $('.wntj-gd-content ul').length - 1) ? 0 : (indexzz + 1);
            if (indexzz == 1) {
                // console.log(indexzz)
                $('.wntj span a').eq(1).addClass('current-on').siblings().removeClass('current-on')
                $('.wntj-gd-content').animate({
                    'left': -$('.wntj-gd-content ul').width() * indexzz
                })
            }
            if (indexzz == 0) {
                // console.log(indexzz)
                $('.wntj-gd-content').animate({
                    'left': -$('.wntj-gd-content ul').width() * indexzz
                })
                $('.wntj span a').eq(0).addClass('current-on').siblings().removeClass('current-on')
            }
        }
        $('#wntj-span-a').hover(function () {
            clearInterval(timerr);
        }, function () {
            timerr = setInterval(gdtImg, 4000);
        })
        $('#pre-aa').click(function () {
            $('.wntj-gd-content').animate({
                'left': '-1444px',
            })
        })
        $('#next-aa').click(function () {
            $('.wntj-gd-content').animate({
                'left': 0,
            })
        })
        // 第六部分 搭配
        $('.dapei-span-one a').each(function () {
            $(this).mouseenter(function () {
                $(this).addClass('on').siblings().removeClass('on');
                // 显示当前的，隐藏所有的兄弟元素
                $('.znyj-offsety-right-ul-one ul')
                    .eq($(this).index()).show()
                    .siblings().hide();
            })
        });
        $('.dapei-span-two a').each(function () {
            $(this).mouseenter(function () {
                $(this).addClass('on').siblings().removeClass('on');
                // 显示当前的，隐藏所有的兄弟元素
                $('.znyj-offsety-right-ul-two ul')
                    .eq($(this).index()).show()
                    .siblings().hide();
            })
        });
        $('.dapei-span-three a').each(function () {
            $(this).mouseenter(function () {
                $(this).addClass('on').siblings().removeClass('on');
                // 显示当前的，隐藏所有的兄弟元素
                $('.znyj-offsety-right-ul-three ul')
                    .eq($(this).index()).show()
                    .siblings().hide();
            })
        });

        $('.tushu').each(function () {
            $(this).mouseenter(function () {
                $(this).find('.gysx').fadeIn(200)
            })
            $(this).mouseleave(function () {
                $(this).find('.gysx').fadeOut(200)
            })
        })

           // 内容轮播1
        $('.public-p-h5-span .tushuone').mouseenter(function () {
            $('.tushuone .gysx').fadeIn(200);
        })
        $('.public-p-h5-span .tushuone').mouseleave(function () {
            $('.tushuone .gysx').fadeOut(200);
        })
        var indexd = 0;
        $('.tushuone .prev-btn').click(function () {
            indexd--;
            if (indexd <= 0) {
                indexd = 0;
            }
            $('.tushuone .tushu-inner').animate({
                left: -$('.tushu-inner div').width() * indexd,
            })
            $('.tushuone .hole a').eq(indexd).addClass('onn').siblings().removeClass('onn')

        })
        $('.tushuone .next-btn').click(function () {
            indexd++;
            if (indexd > 2) {
                indexd = 2;
            }
            $('.tushuone .tushu-inner').animate({
                left: -$('.tushu-inner div').width() * indexd,
            })
            $('.tushuone .hole a').eq(indexd).addClass('onn').siblings().removeClass('onn')
        })
        $('.tushuone .hole a').click(function () {
            indexd = $(this).index()
            $('.tushuone .hole a').eq(indexd).addClass('onn').siblings()
            .removeClass('onn')
            $('.tushuone .tushu-inner').animate({
                left: -$('.tushu-inner div').width() * indexd,
            })
        })

        // 内容轮播2
        $('.zhuti').mouseenter(function () {
            $('.zhuti .gysx').fadeIn(200);
        })
        $('.zhuti').mouseleave(function () {
            $('.zhuti .gysx').fadeOut(200);
        })
        var indexa = 0;
        $('.zhuti .prev-btn').click(function () {
            indexa--;
            if (indexa <= 0) {
                indexa = 0;
            }
            $('.zhuti .tushu-inner').animate({
                left: -$('.zhuti .tushu-inner div').width() * indexa,
            })
            $('.zhuti .hole a').eq(indexa).addClass('onn').siblings().removeClass('onn')

        })
        $('.zhuti .next-btn').click(function () {
            indexa++;
            if (indexa > 3) {
                indexa = 3;
            }
            $('.zhuti .tushu-inner').animate({
                left: -$('.zhuti .tushu-inner div').width() * indexa,
            })
            $('.zhuti .hole a').eq(indexa).addClass('onn').siblings().removeClass('onn')
        })
         $('.zhuti .hole a').click(function () {
            indexa = $(this).index()
            $('.zhuti .hole a').eq(indexa).addClass('onn').siblings().removeClass('onn')
            $('.zhuti .tushu-inner').animate({
                left: -$('.tushu-inner div').width() * indexa,
            })
        })
        // 内容轮播3
        $('.youxi').mouseenter(function () {
            $('.youxi .gysx').fadeIn(200);
        })
        $('.youxi').mouseleave(function () {
            $('.youxi .gysx').fadeOut(200);
        })
        var indexb = 0;
        $('.youxi .prev-btn').click(function () {
            indexb--;
            if (indexb <= 0) {
                indexb = 0;
            }
            $('.youxi .tushu-inner').animate({
                left: -$('.youxi .tushu-inner div').width() * indexb,
            })
            $('.youxi .hole a').eq(indexb).addClass('onn').siblings().removeClass('onn')

        })
        $('.youxi .next-btn').click(function () {
            indexb++;
            if (indexb > 3) {
                indexb = 3;
            }
            $('.youxi .tushu-inner').animate({
                left: -$('.youxi .tushu-inner div').width() * indexb,
            })
            $('.youxi .hole a').eq(indexb).addClass('onn').siblings().removeClass('onn')
        })
         $('.youxi .hole a').click(function () {
            indexb = $(this).index()
            $('.youxi .hole a').eq(indexb).addClass('onn').siblings().removeClass('onn')
            $('.youxi .tushu-inner').animate({
                left: -$('.tushu-inner div').width() * indexb,
            })
        })
        // 内容轮播4
        $('.yingyong').mouseenter(function () {
            $('.yingyong .gysx').fadeIn(200);
        })
        $('.yingyong').mouseleave(function () {
            $('.yingyong .gysx').fadeOut(200);
        })
        var indexc = 0;
        $('.yingyong .prev-btn').click(function () {
            indexc--;
            if (indexc <= 0) {
                indexc = 0;
            }
            $('.yingyong .tushu-inner').animate({
                left: -$('.yingyong .tushu-inner div').width() * indexc,
            })
            $('.yingyong .hole a').eq(indexc).addClass('onn').siblings().removeClass('onn')

        })
        $('.yingyong .next-btn').click(function () {
            indexc++;
            if (indexc > 3) {
                indexc = 3;
            }
            $('.yingyong .tushu-inner').animate({
                left: -$('.yingyong .tushu-inner div').width() * indexc,
            })
            $('.yingyong .hole a').eq(indexc).addClass('onn').siblings().removeClass('onn')
        })
         $('.yingyong .hole a').click(function () {
            indexc = $(this).index()
            $('.yingyong .hole a').eq(indexc).addClass('onn').siblings().removeClass('onn')
            $('.yingyong .tushu-inner').animate({
                left: -$('.tushu-inner div').width() * indexc,
            })
        })







    })

</script>